<template>

  <div class="bodyPage">
    <van-nav-bar
      title="工作"
      :fixed="true"
    />
    <van-grid :border="false" :column-num="3">
      <van-grid-item>
        <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg"/>
      </van-grid-item>
      <van-grid-item>
        <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg"/>
      </van-grid-item>
      <van-grid-item>
        <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg"/>
      </van-grid-item>
    </van-grid>

    <van-grid :column-num="2">
      <van-grid-item icon="location-o" text="内勤打卡" to="/work/backOffice/index"/>
      <van-grid-item icon="location-o" text="外勤统计" to="/statistics"/>
    </van-grid>
    <van-grid :column-num="3">
      <van-grid-item icon="todo-list-o" text="日报" to="/day"/>
      <van-grid-item icon="todo-list-o" text="周报" to="/week"/>
      <van-grid-item icon="todo-list-o" text="月报" to="/month"/>
    </van-grid>
    <van-grid :column-num="3">
      <van-grid-item icon="map-marked" text="物品领用" to="/goods" />
      <van-grid-item icon="map-marked" text="用车申请" to="/car"/>
      <van-grid-item icon="map-marked" text="用章申请" to="/chapter"/>
    </van-grid>
    <van-grid :column-num="3">
      <van-grid-item icon="tosend" text="加班申请" to="/workOvertime" />
      <van-grid-item icon="tosend" text="请假" to="/empLeave" />
      <van-grid-item icon="tosend" text="出差" to="/business" />
    </van-grid>
    <van-grid :column-num="3">
      <van-grid-item icon="map-marked" text="费用报销" to="/finance" />
    </van-grid>
  </div>
</template>

<script>
  import {Grid, GridItem, Image, Col, Row} from 'vant'
  import img1 from '@/assets/logo.png'

  export default {
    components: {
      [Grid.name]: Grid,
      [GridItem.name]: GridItem,
      [Image.name]: Image,
      [Col.name]: Col,
      [Row.name]: Row,

    },
    data() {
      return {
        // @/assets/logo.png
        imgUrl: img1
      }
    },
    created() {
      /*      let  urlTemp = 'assets/logo.png';
            this.imgUrl = require("@/"+ urlTemp);*/
    }
  }
</script>

<style scoped>
  .bodyPage {
    background-color: #fff;
  }

  .icomC1 {
    float: left;
  }

  .textContant {
    font-size: 8px;

  }

  .mint-swipe {
    height: 200px;
  }

  img {
    width: 100%;
    height: 100%;
  }


  .mui-grid-view.mui-grid-9 {
    background-color: #fff;
    border: none;
  }

  img {
    width: 60px;
    height: 60px;
  }

  .mui-media-body {
    font-size: 13px;
  }


  .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    border: 0;
  }
</style>
